<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接图片列表</title>
</head>
<body>
    <!--
    <!--超链接：跳转--#>
    <a href="http://www.beam.pub">Beam</a>
    <br />
    <!--超链接：锚--#>
    <a href="#i1">第一章</a>
    <a href="#i2">第二章</a>
    <a href="#i3">第三章</a>
    <a href="#i4">第四章</a>
    <div id="i1" style="height:500px;">第一章节内容</div>
    <div id="i2" style="height:500px;">第二章节内容</div>
    <div id="i3" style="height:500px;">第三章节内容</div>
    <div id="i4" style="height:500px;">第四章节内容</div>
    -->

    <!--
    <!-- 图片标签--#>
    <a href="www.beam.pub" >
        <img src="./images/beam.jpg" title="指向图片时候会浮现的字"  style="height:200px;width:200px;" alt="图片不存在的时候会在图片的位置显示这些字" />
    </a>
     -->

    <!--
    <!--列表 基本不用，用css之类的多--#>
    <ul>
        <li>Beam</li>
        <li>Beam</li>
    </ul>
    <ol>
        <li>Beam</li>
        <li>Beam</li>
    </ol>
    <dl>
        <dt>标题一</dt>
            <dd>内容一</dd>
        <dt>标题二</dt>
            <dd>内容二</dd>
    </dl>
    -->








</body>
</html>